<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人网页</title>
	</head>
	<style>
		*{
			margin: 0;
			padding:0;
		}
		body{
		    background-image: url("QQ截图20230523215217.png");
		    background-position: center center;
		    background-repeat: no-repeat;
		    background-attachment: fixed;
		    background-size: cover;
		    background-color: #464646;
		}
		.top{
			width:100%;
			text-align: center;
			padding-top: 4%;
		}
		.top img{
			width: 100px;
			height: 100px;
			border-radius:50% ;		
		}
		.top h3{
			font-size: 15px;
		}
		.bottom{
			margin-top: 20px;
		}
		.bottom img{
			width: 55px;
		}
		.bottom span{
			font-size: 25px;
		}
	</style>
	<body>
		<div class="top">
			<img src="8A479D653258F5A9E483CD2A2A45A54C.jpg" alt="">
			<h3>毕潇元</h3>
			<p>离异带俩娃</p>
		</div>
		<center><div class="bottom">
			<ul>
				<li>
					<a href="页面2.html">
						<img src="作业.png">
						<span>我的作业</span>
					</a>
				</li>			
			</ul>
		</div>
	</body>
</html>